<template>
    <!-- 楼梯阶段 开始 -->
    <div class="floor">
        <!-- 家用电器模块 开始 -->
        <div class="electric w">
            <div class="box-hd">
                <h3>{{  list.name  }}</h3>
                <div class="tab-list">
                    <ul>
                        <li v-for="(listNmum, index) in list.navList" :key="index">
                            <a href="" class="style_red">{{  listNmum.text  }}</a>
                            |
                        </li>
                    </ul>
                </div>
            </div>

            <div class="box-bd">
                <div class="tab-items">
                    <div class="w209 fl">
                        <ul>
                            <li v-for="(listNmum, index) in list.keywords" :key="index">
                                <a href="">{{  listNmum  }}</a>
                            </li>
                        </ul>
                        <a href="./detail.html"><img :src="list.imgUrl"></a>
                    </div>
                    <!-- 轮播图 -->
                    <div class="w329 fl">
                        <CarouselIndex :list="list.carouselList" />
                    </div>

                    <div class="w219 fl">
                        <a href="./detail.html" class="bb"><img :src="list.recommendList[0]" alt=""></a>
                        <a href="./detail.html"><img :src="list.recommendList[1]" alt=""></a>
                    </div>
                    <div class="w221 fl">
                        <a href="./detail.html"><img :src="list.bigImg" alt=""></a>
                    </div>
                    <div class="w218 fl">
                        <a href="./detail.html" class="bb"><img :src="list.recommendList[2]" alt=""></a>
                        <a href="./detail.html"><img :src="list.recommendList[3]" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="floor_brand">
                <img src="./upload/floor1商标.png" alt="">
            </div>
        </div>
        <!-- 家用电器模块 结束 -->
        <!-- 手机模块 开始 -->
        <!-- 手机模块 结束 -->
        <!-- 电脑办公 开始 -->
        <!-- 电脑办公 结束 -->

    </div>
    <!-- 楼梯阶段 结束 -->
</template>

<script>
export default {
    name: 'FloorIndex',
    props: ["list"],
    mounted() {
        // swiper 实例 这里可以写在mounted中，因为这里并不是在其组件内部发的请求；此时数据已经回来了
    },
}
</script>

<style scoped lang="css">
</style>